<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    template="/plantillas/plantilla-publica.xhtml">
    <ui:define name="cabecera">
        <title>Fauna de El Salvador - Insectos</title>
    </ui:define>
    <ui:define name="contenido">
        <center>
            <p:panel id="insectoPnl" 
                    header="Entomología" 
                    style="font-size: 120%; text-align: center; width:80%; min-width:800px !important;">
                    <p id="texto">La entomología es el estudio científico de los 
                        insectos. De cerca de las 1.3 millones de especies descritas, 
                        los insectos constituyen más de los dos tercios de todos los 
                        seres vivos conocidos y, además, tienen una larga 
                        historia fósil, ya que su aparición se remonta al Devónico, 
                        hace unos 400 millones de años. Tienen muchas formas 
                        de interacción con los humanos y con otras formas de vida 
                        en la Tierra; es así que la entomología se constituye 
                        una especialidad importante dentro de la zoología. La 
                        entomología incluye, con frecuencia, el estudio de otros 
                        artrópodos, como arácnidos, crustáceos y miriápodos, aunque 
                        esta extensión sea técnicamente incorrecta.    
                    </p>
                <p:spacer height="10"/>
                <h:form id="insectoFrm">      
                    <p:dataTable id="insectoTbl" 
                                var="insecto"
                                rows="10"  
                                selectionMode="single"
                                paginator="true" 
                                style="padding: 0 40px"
                                paginatorPosition="bottom"
                                value="#{insectoBean.listaInsectos}"
                                rowKey="#{insecto.nombrecientifico}"
                                emptyMessage="No hay registros disponibles.">
                        <f:facet name="header">  
                            <h:outputText value="Listado de Insectos" 
                                        style="font-size: 115%"/>  
                        </f:facet>
                        <p:column headerText="Nombre científico"
                                filterBy="#{insecto.nombrecientifico}" 
                                sortBy="#{insecto.nombrecientifico}" 
                                filterMatchMode="contains"
                                style="font-size: 110%">  
                            <h:outputText id="nombrecientificoTxt" 
                                        value="#{insecto.nombrecientifico}" />  
                        </p:column>
                        <p:column headerText="Nombre común"
                                filterBy="#{insecto.nombrecomun}" 
                                sortBy="#{insecto.nombrecomun}" 
                                filterMatchMode="contains"
                                style="font-size: 110%">  
                            <h:outputText id="nombrecomunTxt" 
                                        value="#{insecto.nombrecomun}" />
                        </p:column>                      
                        <p:column headerText="Nombres conocidos"
                                filterBy="#{insectoBean.getSinonimias(insecto)}" 
                                sortBy="#{insectoBean.getSinonimias(insecto)}" 
                                filterMatchMode="contains"
                                style="font-size: 110%">  
                            <h:outputText id="nombreantiguoTxt" 
                                        value="#{insectoBean.getSinonimias(insecto)}" />  
                        </p:column> 
                        <p:column headerText="Detalles"
                                styleClass="columna">
                            <p:button title="Detalle" 
                                    outcome="animal"
                                    icon="ui-icon-search">
                                <f:param name="animal" 
                                            value="#{insecto.codigoanimal}" />
                            </p:button>
                        </p:column>
                    </p:dataTable>
                </h:form>
            </p:panel>
        </center>
    </ui:define>  
</ui:composition>

